<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <link href="/stylesheets/style.css" rel="stylesheet">
    <link href="/stylesheets/bootstrap.min.css" rel="stylesheet">
    <script src="/javascripts/jquery-3.2.1.min.js" type="text/javascript"></script>
    <script src="/javascripts/bootstrap.min.js" type="text/javascript"></script>
    <script src="/javascripts/header.js" type="text/javascript"></script>
    <script src="/javascripts/socket.io.js"></script>
    <title><%= title %></title>
</head>
<body>
<div class="ibody">
<header>
    <h1 style="font-size: 45px;"><a title="主页" href="/" >Mind思维导图</a></h1>
</header>

<nav>
    <% if(user) {%>
    <span><a href="/mind/files" title="我的文件">我的文件</a></span>
    <span><a href="/logout" title="登出">登出</a></span>
    <% } else {%>
    <span><a href="/login" title="登录">登录</a></span>
    <span><a href="/reg" title="注册">注册</a></span>
    <% } %>
    <div style="width: 115px;margin-top: 20px;margin-left: 20px;text-align: left" id="team"></div>
</nav>
<article>
    <div  class="modal fade" id="inviteModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title" id="myModalLabel">收到来自<span id="from"></span>的协作邀请</h4>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary" id="accept">接受</button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>